import React, { Component } from 'react';

import '../../styles/shopping.scss'

import pic from '../../img/pic.png'

class Shopping extends Component {
    constructor (props){
        super(props)
        this.state = {
            list:[
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '顶级bug' , money :28333 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 },
                { pic , name : '高级bug' , money :28888 }
            ]
        }
    }
    render() {
        return (
            <div className='shopping'>
                <div className="time">今日行骗</div>
                <div className="main">
                    { this.state.list.map((item , index) => {
                        return (
                            <div className="shop" key={index}>
                                <img src={item.pic} alt="" />
                                <div className="name"> {item.name} </div>
                                <div className="money"> {item.money}元 </div>
                            </div>
                        )
                    }) }
                </div>
            </div>
        );
    }
}

export default Shopping;